<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{$header['title']}}-新闻中心</title>
    <meta name="description" content="{{$header['des']}}" /> 
    <meta name="keyword" content="{{$header['keyword']}}" /> 
    <link rel="stylesheet" type="text/css" href="/mcss/all.css">

    <link rel="stylesheet" type="text/css" href="/mcss/header.css">
    <!-- <link rel="stylesheet/less" type="text/css" href="/mcss/news.less" /> -->
    <link rel="stylesheet" type="text/css" href="/mcss/news.css">
    <!-- <script src="/mjs/less.js"></script> -->
</head>

<body>
    <div id="app">
        @include('mobile.header')
        <div class="banner flc">
            <img src="/img/banner.png" alt="">
        </div>
        <div class="center">
            <div class="middle c1 fl">
                <div class="title fc flc">
                    <div class="p1">
                        NEWS CENTER
                    </div>
                    <div class="p2">
                        新闻中心
                    </div>
                </div>
                <div class="main fl">
                    @foreach($list as $v)
                    <div class="news fl">
                        <a href="/m/shownews/{{$v->id}}">
                            <p class="fl fc">
                            {{$v['title']}}
                            </p>
                            <p class="time fc">
                            {{substr($v->created_at,0,10)}}
                            </p>
                        </a>
                    </div>
                    @endforeach

                    <!-- <div class="pager fl">
                        <a href="#">1</a>
                        <a href="#">2</a>
                        <a href="#">3</a>
                        <a href="#">4</a>
                    </div> -->
                    {{ $list->links() }}
                </div>
            </div>
        </div>
        @include('mobile.footer')
    </div>
    <script src="/mjs/jquery.js"></script>
    <script src="/mjs/nav.js"></script>
    <script>
        // 响应式跳转
        changeMargin();
        window.onresize = function() {
            changeMargin();
        };

        function changeMargin() {
            if (a) {
                var docWidth = document.body.clientWidth;
                if (docWidth >= 1360) {
                    location.href = "";
                    a = false;
                }
            }

        }
    </script>
</body>

</html>